
   <?php
       /* For user login if wrong redirect to index/login */
       if($_SERVER['REQUEST_METHOD'] == "POST")
       {
          if(!$login)
          {
            ?>
            <script type="text/javascript">
               showNotification({
                            message: "Invalid username & Password, Try to login again.",
                            type: "error",
                            autoClose: true,
                            duration: 2
                        });
            </script>
            <?php
          }
       }
       
   ?>
   <Br/>
<h1>Account Settings</h1>
<br/><Br/>
<div class="fl-account-settings" id="s">
   <div class="fl-tab-wrapper">
  <ul id="tabs">
      <li><a id="tab1">Basic Information</a></li>
      <li><a id="tab2">Change Your Username</a></li>
      <li><a id="tab3">Change Your Password</a></li>
 </ul>
 </div>
<div class="fl-head-title-wrapper">
  <h2>General Account Settings</h2>
</div>
     
    <div class="tab-container" id="tab1C"><span><i class="fa fa-pencil-square-o"></i> Change Basic Information</span>
   <div class="fl-edit-profile-wrapper">
    <div class="two-columns col" style="width:250px;">
      <div class="large-avatar-wrapper"><img src="images/avatar/large.JPG"></div><Br/>
      <form id="postFile" method="post" enctype="multipart/form-data" action='/ajax/uploadFile'>
               <div class="postActions">
                  <div id="uniform-fileInput" class="uploader" style="float:none;
margin-bottom: 10px; width:238px;">
                     <input type="file" data-action-id="2" value="upload"
                        name="postFile" id="uploadForm" size="24" data-get-file="imagePost" data-show="imagePreviewUpload" data-form="postFile" data-location="previewImagePostUpload" data-action-type="postFile" style="opacity: 0;" class="postFile">
                     <span id="uploadFilename_2" class="filename">No file selected</span>
                     <span class="action">Choose File</span>
                     <input type="hidden" value="postFileUpload" name="uploadType">
                     <input type="hidden" value="postUpload" name="uploadFolder">
                  </div>
                 <!--  <img src="/images/loader/loader.gif" class="postFileLoad pull-left display" style="margin-left: 5px;margin-top:6px;"/> -->
               </div>
            </form>
    </div>
    <div class="two-columns col fl-edit-info-width">
      <form class="fl-personal_info">
        <div class="fl-fields"><span class="theme-font-color">Display Name</span>:
          <div class="fl-input_position">
            <label class="label_value uInfo_211" id="uInfo_displayName211">Bruce Lee</label>
            <input type="text" id="eInfo_211" class="eInfo_211" value="Bruce Lee" name="displayName">
          </div>
        </div>

        <div class="fl-fields"><span class="theme-font-color">First Name</span>:
          <div class="fl-input_position">
            <label class="label_value uInfo_211" id="uInfo_firstName211">Bruce</label>
            <input type="text" id="eInfo_211" class="eInfo_211" value="Bruce" name="Name">
          </div>
        </div>

        <div class="fl-fields"><span class="theme-font-color">Middle Name</span>:
          <div class="fl-input_position"> 
            <label class="label_value uInfo_211" id="uInfo_middleName211">Jet</label>
            <input type="text" id="eInfo_211" class="eInfo_211" value="Jet" name="middleName"> 
          </div>
        </div>

        <div class="fl-fields"><span class="theme-font-color">Last Name</span>:
          <div class="fl-input_position">
            <label class="label_value uInfo_211" id="uInfo_lastName211">Lee</label>
            <input type="text" id="eInfo_211" class="eInfo_211" value="Lee" name="lastName">
          </div>
        </div>

        <div class="fl-fields"><span class="theme-font-color">Contact Number</span>:
          <div class="fl-input_position">
            <label class="label_value uInfo_211" id="uInfo_contactNumber211">09178383838</label>
            <input type="text" id="eInfo_211" class="eInfo_211" value="09178383838" name="contactNumber">
          </div>
        </div>

        <div class="fl-fields"><span class="theme-font-color">Position</span>:
          <div class="fl-input_position">
            <label class="label_value uInfo_211" id="uInfo_position211">Karate Master</label>
             <input type="text" id="eInfo_211" class="eInfo_211" value="Karate Master" name="Position">
          </div>
        </div>

        <div class="fl-fields"><span class="theme-font-color">Date Registered</span>:
          <div class="fl-input_position">
            <label class="label_value uInfo_211" id="uInfo_dateRegistered211">2013-12-09 11:18:22</label>
            <input type="text" id="eInfo_211" class="eInfo_211" value="2013-12-09 11:18:22" name="dateRegistered">
          </div>
        </div>

        <div class="fl-fields">
          <div class="fl-input_position">
            <label class="label_value uInfo_211"></label>
            <input id="fl-save_personalInfo" class="fl-save_personalInfo" type="button" data-action-type="personal_info" value="Edit" style="float:none;">
             <input id="fl-cancel_personalInfo" class="fl-cancel_personalInfo" type="button" data-action-type="personal_info" value="Cancel" style="float:none; background-color:#ccc; color:#222; display:none;">

          </div>
        </div>
        </form>
    </div>
    <div class="clearfix"></div>
  </div>
    </div>
    <div class="tab-container" id="tab2C"><span><i class="fa fa-pencil-square-o"></i> Change Your Username</span>
         <div class="fl-fields">
          <span class="theme-font-color">Your Email</span>:
          <div class="fl-input_position">
            <input type="text" id="eInfo_211" disabled="disabled" class="soldUsername" value="bruce@yahoo.com" name="Name" style=" float:none;">
          </div>
          <div class="clearfix"></div>
        </div>
        <div class="fl-fields">
          <span class="theme-font-color">New Email</span>:
          <div class="fl-input_position">
            <input type="text" id="eInfo_211" class="newUsername" value="" name="Name" style=" float:none;">
          </div>
          <div class="clearfix"></div>
        </div>
           <div class="fl-fields">
          <div class="fl-input_position">
            <label class="label_value uInfo_211"></label>
            <input id="" class="updateUsername" type="button" data-action-type="personal_info" value="Update" style="float:none; margin-left:80px;"> 
          </div>
        </div>
    </div>
    <div class="tab-container" id="tab3C"><span><i class="fa fa-pencil-square-o"></i> Change Your Password</span>
       <div class="fl-fields">
          <span class="theme-font-color">Current</span>:
          <div class="fl-input_position">
            <input type="password" id="" class="oldPassword" value="" name="Name" style=" float:none; margin-left: 27px;">
          </div>
          <div class="clearfix"></div>
        </div>
         <div class="fl-fields">
          <span class="theme-font-color">New</span>:
          <div class="fl-input_position">
            <input type="password" id="" class="newPassword" value="" name="Name" style=" float:none; margin-left:50px;">
          </div>
          <div class="clearfix"></div>
        </div>
         <div class="fl-fields">
          <span class="theme-font-color">Retype-New</span>:
          <div class="fl-input_position">
            <input type="password" id="" class="ReTypePassword" value="" name="Name" style=" float:none;">
          </div>
          <div class="clearfix"></div>
        </div>
        <div class="fl-fields">
          <div class="fl-input_position">
            <label class="label_value uInfo_211"></label>
            <input id="" class="updateUsername" type="button" data-action-type="personal_info" value="Update" style="float:none; margin-left:85px;"> 
          </div>
        </div>
    </div>
</div>
  